body {
    display: flex;
    flex-direction: column;
    align-items: center;

    header {
        position: fixed;
        top: 0px;
        z-index: 10;
        padding: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #1d336f;
        color: white;
        height: 60px;
        width: 100%;
        opacity: 0;
    }

    // 页面主体部分样式
    main {

        flex-grow: 1;
        width: 100%;
        height: 1px;

        // 轮播图
        .swiper {
            img {
                width: 100%;
                height: 300px
            }

            ;
        }

        // 页面商品详情样式
        .box {
            padding: 10px;
            background-color: #f3f4f6;
            width: 100%;

            ul {
                background-color: white;
                width: 100%;

                li {
                    padding: 10px;
                    display: flex;
                    width: 100%;

                    .img {
                        margin-right: 15px;
                        width: 40%;
                        text-align: center;

                        img {

                            width: 140px;
                            height: 140px;
                        }
                    }

                    .text {
                        width: 55%;
                        line-height: 25px;

                        h3 {
                            color: black;
                        }

                        p {
                            color: gray;
                            font-size: 12px;
                        }
                         i{
                            color: #ffd700;
                         }
                        .title {
                            background-color: #f37d21;
                            font-size: 14px;
                            color: white;
                            text-align: center;
                            line-height: 20px;
                            width: 60px;
                            height: 20px;
                        }
                        .price{
                            color: black;
                        }
                      .member{
                        img{
                            width: 100px;
                            height: 20px;
                        }
                      }
                    }
                }
            }
        }


    }
}